<%--
  Created by IntelliJ IDEA.
  User: XTT
  Date: 2022/10/12
  Time: 14:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .content{
            text-align: center;
            width: 100%;
            margin: 0 auto;
            margin-top: 70px;
        }
        .img{
            width: 400px;
            height: 530px;
            border: 1px solid #8c8c8c;
            float: left;
            margin-left: 80px;
            margin-top: 20px;
        }

        a{
            text-decoration: none;
            color: black;
            border-bottom: 3px solid #FFB800;
            font-weight: 700;
        }
        iframe{
            width: 100%;
            height: 652px;
            border: 1px solid red;
        }
    </style>
</head>
<body>
    <div class="content">
        <p style="font-size: 30px;font-family: 华文楷体">我们的房间</p>
        <p style="margin-top: 20px"><strong>首页</strong>>房间</p>
        <div style="margin-top: 50px">
            <div class="img">
                <img src="${pageContext.request.contextPath}/images/room/drf.jpeg" width="401" height="200">
                <p style="font-size: 20px;margin-top: 20px;margin-right: 220px">单人间</p>
                <p style="margin-top: 20px;margin-right: 210px"><span style="font-size: 25px;color: #FFB800">120.0$</span>/每晚</p>
                <p style="margin-top: 20px;margin-right: 140px"><span>大小：</span><span style="padding-left: 80px">12.0英尺</span></p>
                <p style="margin-top: 20px;margin-right: 146px"><span>容量：</span><span style="padding-left: 80px">最多1人</span></p>
                <p style="margin-top: 20px;margin-right: 217px"><span>床：</span><span style="padding-left: 80px"></span></p>
                <p style="margin-top: 20px;margin-right: 30px"><span>备注：</span><span style="padding-left: 80px">无限网络、电视、卫生...</span></p>
                <p style="margin-top: 20px;margin-right: 265px"><a href="${pageContext.request.contextPath}/room/1">更多细节</a></p>
            </div>
            <div class="img">
                <img src="${pageContext.request.contextPath}/images/room/srf.jpeg" width="401" height="200">
                <p style="font-size: 20px;margin-top: 20px;margin-right: 220px">双人间</p>
                <p style="margin-top: 20px;margin-right: 210px"><span style="font-size: 25px;color: #FFB800">200.0$</span>/每晚</p>
                <p style="margin-top: 20px;margin-right: 140px"><span>大小：</span><span style="padding-left: 80px">24.0英尺</span></p>
                <p style="margin-top: 20px;margin-right: 146px"><span>容量：</span><span style="padding-left: 80px">最多2人</span></p>
                <p style="margin-top: 20px;margin-right: 217px"><span>床：</span><span style="padding-left: 80px"></span></p>
                <p style="margin-top: 20px;margin-right: 30px"><span>备注：</span><span style="padding-left: 80px">无限网络、电视、卫生...</span></p>
                <p style="margin-top: 20px;margin-right: 265px"><a href="${pageContext.request.contextPath}/room/2">更多细节</a></p>
            </div>
            <div class="img">
                <img src="${pageContext.request.contextPath}/images/room/hjf.jpeg" width="401" height="200">
                <p style="font-size: 20px;margin-top: 20px;margin-right: 220px">海景房</p>
                <p style="margin-top: 20px;margin-right: 210px"><span style="font-size: 25px;color: #FFB800">300.0$</span>/每晚</p>
                <p style="margin-top: 20px;margin-right: 140px"><span>大小：</span><span style="padding-left: 80px">30.0英尺</span></p>
                <p style="margin-top: 20px;margin-right: 146px"><span>容量：</span><span style="padding-left: 80px">最多4人</span></p>
                <p style="margin-top: 20px;margin-right: 217px"><span>床：</span><span style="padding-left: 80px"></span></p>
                <p style="margin-top: 20px;margin-right: 30px"><span>备注：</span><span style="padding-left: 80px">无限网络、电视、卫生...</span></p>
                <p style="margin-top: 20px;margin-right: 265px"><a href="${pageContext.request.contextPath}/room/3">更多细节</a></p>
            </div>
            <div class="img">
                <img src="${pageContext.request.contextPath}/images/room/zttf.webp" width="401" height="200">
                <p style="font-size: 20px;margin-top: 20px;margin-right: 220px">总统套房</p>
                <p style="margin-top: 20px;margin-right: 210px"><span style="font-size: 25px;color: #FFB800">400.0$</span>/每晚</p>
                <p style="margin-top: 20px;margin-right: 140px"><span>大小：</span><span style="padding-left: 80px">50.0英尺</span></p>
                <p style="margin-top: 20px;margin-right: 146px"><span>容量：</span><span style="padding-left: 80px">最多6人</span></p>
                <p style="margin-top: 20px;margin-right: 217px"><span>床：</span><span style="padding-left: 80px"></span></p>
                <p style="margin-top: 20px;margin-right: 30px"><span>备注：</span><span style="padding-left: 80px">无限网络、电视、卫生...</span></p>
                <p style="margin-top: 20px;margin-right: 265px"><a href="${pageContext.request.contextPath}/room/4">更多细节</a></p>
            </div>
            <div class="img">
                <img src="${pageContext.request.contextPath}/images/room/qlf.jpeg" width="401" height="200">
                <p style="font-size: 20px;margin-top: 20px;margin-right: 220px">情侣房</p>
                <p style="margin-top: 20px;margin-right: 210px"><span style="font-size: 25px;color: #FFB800">500.0$</span>/每晚</p>
                <p style="margin-top: 20px;margin-right: 140px"><span>大小：</span><span style="padding-left: 80px">24.0英尺</span></p>
                <p style="margin-top: 20px;margin-right: 146px"><span>容量：</span><span style="padding-left: 80px">最多2人</span></p>
                <p style="margin-top: 20px;margin-right: 217px"><span>床：</span><span style="padding-left: 80px"></span></p>
                <p style="margin-top: 20px;margin-right: 30px"><span>备注：</span><span style="padding-left: 80px">无限网络、电视、卫生...</span></p>
                <p style="margin-top: 20px;margin-right: 265px"><a href="${pageContext.request.contextPath}/room/5">更多细节</a></p>
            </div>
            <div class="img">
                <img src="${pageContext.request.contextPath}/images/room/mjf.jpeg" width="401" height="200">
                <p style="font-size: 20px;margin-top: 20px;margin-right: 220px">麻将房</p>
                <p style="margin-top: 20px;margin-right: 210px"><span style="font-size: 25px;color: #FFB800">600.0$</span>/每晚</p>
                <p style="margin-top: 20px;margin-right: 140px"><span>大小：</span><span style="padding-left: 80px">36.0英尺</span></p>
                <p style="margin-top: 20px;margin-right: 146px"><span>容量：</span><span style="padding-left: 80px">最多4人</span></p>
                <p style="margin-top: 20px;margin-right: 217px"><span>床：</span><span style="padding-left: 80px"></span></p>
                <p style="margin-top: 20px;margin-right: 30px"><span>备注：</span><span style="padding-left: 80px">无限网络、电视、卫生...</span></p>
                <p style="margin-top: 20px;margin-right: 265px"><a href="${pageContext.request.contextPath}/room/6">更多细节</a></p>
            </div>
            <div class="img">
                <img src="${pageContext.request.contextPath}/images/room/hhtf.jpeg" width="401" height="200">
                <p style="font-size: 20px;margin-top: 20px;margin-right: 220px">豪华套间</p>
                <p style="margin-top: 20px;margin-right: 210px"><span style="font-size: 25px;color: #FFB800">700.0$</span>/每晚</p>
                <p style="margin-top: 20px;margin-right: 140px"><span>大小：</span><span style="padding-left: 80px">60.0英尺</span></p>
                <p style="margin-top: 20px;margin-right: 146px"><span>容量：</span><span style="padding-left: 80px">最多2人</span></p>
                <p style="margin-top: 20px;margin-right: 217px"><span>床：</span><span style="padding-left: 80px"></span></p>
                <p style="margin-top: 20px;margin-right: 30px"><span>备注：</span><span style="padding-left: 80px">无限网络、电视、卫生...</span></p>
                <p style="margin-top: 20px;margin-right: 265px"><a href="${pageContext.request.contextPath}/room/7">更多细节</a></p>
            </div>
            <div class="img">
                <img src="${pageContext.request.contextPath}/images/room/djf.jpeg" width="401" height="200">
                <p style="font-size: 20px;margin-top: 20px;margin-right: 220px">电竞房</p>
                <p style="margin-top: 20px;margin-right: 210px"><span style="font-size: 25px;color: #FFB800">800.0$</span>/每晚</p>
                <p style="margin-top: 20px;margin-right: 140px"><span>大小：</span><span style="padding-left: 80px">48.0英尺</span></p>
                <p style="margin-top: 20px;margin-right: 146px"><span>容量：</span><span style="padding-left: 80px">最多5人</span></p>
                <p style="margin-top: 20px;margin-right: 217px"><span>床：</span><span style="padding-left: 80px"></span></p>
                <p style="margin-top: 20px;margin-right: 30px"><span>备注：</span><span style="padding-left: 80px">无限网络、电视、卫生...</span></p>
                <p style="margin-top: 20px;margin-right: 265px"><a href="${pageContext.request.contextPath}/room/8">更多细节</a></p>
            </div>
            <div class="img">
                <img src="${pageContext.request.contextPath}/images/room/dcf.jpeg" width="401" height="200">
                <p style="font-size: 20px;margin-top: 20px;margin-right: 220px">大床房</p>
                <p style="margin-top: 20px;margin-right: 210px"><span style="font-size: 25px;color: #FFB800">900.0$</span>/每晚</p>
                <p style="margin-top: 20px;margin-right: 140px"><span>大小：</span><span style="padding-left: 80px">36.0英尺</span></p>
                <p style="margin-top: 20px;margin-right: 146px"><span>容量：</span><span style="padding-left: 80px">最多2人</span></p>
                <p style="margin-top: 20px;margin-right: 217px"><span>床：</span><span style="padding-left: 80px"></span></p>
                <p style="margin-top: 20px;margin-right: 30px"><span>备注：</span><span style="padding-left: 80px">无限网络、电视、卫生...</span></p>
                <p style="margin-top: 20px;margin-right: 265px"><a href="${pageContext.request.contextPath}/room/9">更多细节</a></p>
            </div>
            <div class="img">
                <img src="${pageContext.request.contextPath}/images/room/swf.jpeg" width="401" height="200">
                <p style="font-size: 20px;margin-top: 20px;margin-right: 220px">商务房</p>
                <p style="margin-top: 20px;margin-right: 210px"><span style="font-size: 25px;color: #FFB800">1000.0$</span>/每晚</p>
                <p style="margin-top: 20px;margin-right: 140px"><span>大小：</span><span style="padding-left: 80px">48.0英尺</span></p>
                <p style="margin-top: 20px;margin-right: 146px"><span>容量：</span><span style="padding-left: 80px">最多2人</span></p>
                <p style="margin-top: 20px;margin-right: 217px"><span>床：</span><span style="padding-left: 80px"></span></p>
                <p style="margin-top: 20px;margin-right: 30px"><span>备注：</span><span style="padding-left: 80px">无限网络、电视、卫生...</span></p>
                <p style="margin-top: 20px;margin-right: 265px"><a href="${pageContext.request.contextPath}/room/10" target="_self">更多细节</a></p>
            </div>
        </div>
    </div>
</body>
</html>
